<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: shuangchenyue
  Date: 2021/5/28
  Time: 9:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/login.css">
</head>
<body>
    <form  method="post" action="${pageContext.request.contextPath}/mvc/userRegister.do">
        <div class="regist">
            <div class="regist_center">
                <div class="regist_top">
                    <div class="left fl">会员注册</div>
                    <div class="right fr"><a href="index.jsp" target="_self">在线购物</a></div>
                    <div class="clear"></div>
                    <div class="xian center"></div>
                </div>
                <div class="regist_main center">
                    <div class="username">用&nbsp;&nbsp;户&nbsp;&nbsp;名:&nbsp;&nbsp;<input class="shurukuang" type="text" name="name" placeholder="请输入你的用户名"/><span>请不要输入汉字</span></div>
                    <div class="username">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:&nbsp;&nbsp;<input class="shurukuang" type="password" name="password" placeholder="请输入你的密码"/><span>请输入6位以上字符</span></div>
                    <div class="username">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:&nbsp;&nbsp;<input class="shurukuang" type="email" name="email" placeholder="请输入你的邮箱"/><span>请输入正确的邮箱格式</span></div>
                    <div class="username">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话:&nbsp;&nbsp;<input class="shurukuang" type="text" name="phone" placeholder="请输入你的电话号码"/><span>请输入正确的电话号码</span></div>
                    <div class="username">国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家:&nbsp;
                        <select name="country" style="width: 220px;height: 28px")>
                            <c:forEach items="${requestScope.allCountryList}" var="country">
                                <option name="selectCountry" value="${country.id}">${country.name}</option>

                            </c:forEach>
                        </select>
                        <span>请选择国家</span>
                    </div>


                <div class="username">省&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份:&nbsp;
                    <select name="province" style="width: 220px;height: 28px">
                        <c:forEach items="${requestScope.allProvinceList}" var="province">
                            <%--在这里写，如果省份的国家id=国家的id，才会打印下面的option--%>
                                <option value="${province.id}">${province.name}</option>
                        </c:forEach>
                        <option value=""></option>
                    </select>
                    <span>请选择省份</span></div>

                    <div class="username">城&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;市:&nbsp;&nbsp;<input class="shurukuang" type="text" name="city" placeholder="请输入你的城市"/><span>请输入你所在城市</span></div>

                    <div class="username">详细地址:&nbsp;&nbsp;<input style="height: 50px" class="shurukuang" type="text" name="addressdetail" placeholder="请填写详细地址"/><span>请填写详细地址</span></div>

                    <div class="regist_submit">
                        <input class="submit" type="submit" name="submit" value="立即注册" >
                    </div>

            </div>
        </div>
        </div>
    </form>
</body>
</html>
